<template>
	<view>

		<view class="title">
			店铺回收排行榜
		</view>
		<view class="content">
			<view class="list" v-for="item,i in list" key="i">
				<view class="left">
					店铺名称：{{item.name}}
				</view>
				<view class="right">
					订单数量：{{item.num}}
				</view>
			</view>

		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				list: [{
					name: '昆工店',
					num: 95
				}, {
					name: '雨花毓秀店',
					num: 87
				}, {
					name: '翰林大关店',
					num: 75
				}, {
					name: '新天地店',
					num: 64
				}, {
					name: '云师大店',
					num: 55
				}, {
					name: '时代俊园店',
					num: 48
				}, {
					name: '下庄店',
					num: 48
				}, {
					name: '仕林街店',
					num: 40
				}, {
					name: '第七街区店',
					num: 33
				}, ]

			}
		},
		methods: {
			goToBack() {
				uni.navigateTo({
					url: '/pages/invite/mine/mine'
				})
			},

		}
	}
</script>

<style lang="less">
	//顶部标题
	.content-title {
		background-color: #fff;
		color: #000;
		font-weight: bold;
		height: 100rpx;
		position: relative;
		font-size: 16px;

		.title-left {
			position: absolute;
			left: 30rpx;
			top: 50%;
			transform: translate(-50%, -50%);
		}

		.title-right {
			text-align: center;
			line-height: 100rpx;
		}
	}

	.title {
		height: 100rpx;
		line-height: 100rpx;
		text-align: center;
		font-size: 20px;
		font-weight: bold;
		background-color: aqua;
	}

	.content {
		padding: 30rpx;
		font-size: 14px;
	}

	.list {
		display: flex;
		justify-content: space-between;
		margin-bottom: 20rpx;
		border-bottom: 1px solid #edebf0;
		height: 60rpx;
	}
</style>